#wrap{
  width: 100%;
  height: 400px;
  display: flex;
  flex-direction: column;
}
#first{
  width: 100%;
  height: 160px;

  position: fixed;
  top: 0;
  display: flex;
  flex-direction: column;
}
#firstTop{
  flex-grow: 4;
  background-color: rgb(255, 215, 0);
  display: flex;
  flex-direction: row;
  text-align: center;
  align-items: center;
}
#firstTopLeft{
  flex-grow: 2;
}
#firstTopLeft>img{
  width: 1.5rem;
  height: 1.5rem;
}
#firstTopCenter{
  flex-grow: 4;
}
#firstTopCenter{
  font-size: .3rem;
  color: white;
}
#firstTopRight{
  flex-grow: 2
}
#firstTopRight>img{
  width: .5rem;
  height: .5rem;
  color: white;
}

#firstBottom{
  flex-grow: 1;
  background-color: rgb(243, 200, 0);
  display: flex;
  text-align: center;
  align-items: center;
}
#firstBottom>div{
  flex-grow: 1;
}
#firstBottom>div img{
  width: .3rem;
  height: .3rem;
}
#firstBottom>div {
  font-size: .3rem;
}
#second{
  margin-top: 100px;
  background-color: red;
  flex-grow: 2;
  display: flex;
  flex-direction: column;
}

#secondTop{
  flex-grow: 2;
  display: flex;
  /*background-color: yellow;*/
  justify-content: space-around;
  align-items: center;


}
#secondTop>div:first-child{
  text-align: left;
  margin-left: 20px;
}
#secondTop>div:last-child{
  text-align: right;
  margin-right: 20px;
}
#secondBottom{
  flex-grow: 3;
  display: flex;
  align-items: center;

}
#secondTop>div{
  flex-grow: 1;

}
#secondBottom>div{
  flex-grow: 1;
  text-align: center;
}
#secondBottom>div>img{
  width: .5rem;
  height: .5rem;
}
#third{
  flex-grow: 3;
  background-color: yellow;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  align-items: center;
}
#third>div{
  flex-grow: 1;
  flex-basis: 25%;
}
#third>div>img{
  width: .5rem;
  height: .5rem;
}

#forth{
  /*flex-grow: 1;*/
  background-color: red;
  text-align: center;
  font-size: .3rem;
  height: 1rem;
  line-height: 1rem;
}
